<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <title>Document</title>
  <link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/animate.css/3.1.0/animate.min.css" />
  <style type="text/css" media="screen">
    html,body{ 
      width:100%;
      height:100%;padding:0;margin:0 auto;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      overflow-x:hidden;
      color:#444;
      /*max-width:768px*/
    }
    ul,
    li,
    p,
    input{
      list-style: none;
      padding:0;
      margin:0;
    }
    .main{width:100%;height:100%;}

    .infinite{animation-iteration-count:infinite;}
  </style>
</head>
<body>
  <div class="main">
    <div style="height:100px;background: red;border:1px #444 solid">
    <script type="text/javascript" src="/test.js"></script>
    </div>
  </div>



</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript" charset="utf-8" async defer></script>

</html>